<template>
  <div class="image-container">
    <img :src="item" v-for="item in data.content" alt="" />
  </div>
</template>

<script setup>
const props = defineProps({
  data: {
    type: Object,
    default: () => ({}),
  },
});
</script>
<style scoped>
.image-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;

  img {
    max-width: 200px;
    border-radius: 8px;
  }
}
</style>
